<template>
  <view>

      <view
          v-for="(item,index) in 100" :key="item"
          class="box">
        <view>{{item}}</view>
        <view class="line"></view>
      </view>

  </view>
</template>

<script setup lang="js">
//滑倒底部就是一个函数，效果可以自己写
 onReachBottom(()=>{
   console.log('到底部了');
    alert('到底部了');
 })
</script>

<style lang="less">
.slv{
  height: 200px;
  width: 100%;
  background-color: aquamarine;
}
.box{
  height: 80px;
  width: 100%;
  background-color: bisque;
}
.line{
  height: 3px;
  background-color: aliceblue;
  width: 100%;
}
</style>
